<template>
  <div>
    <headers :headers="headers"></headers>
    <div class="section">
      <p class="fs16">照顾家人不是嘴上说说，而是要礼品多多</p>
      <div class="person clearfix">
        <img class="head" src="@/assets/images/head.jpg">
        <span class="name">小轩雅儿</span>
        <div class="btn btn-bg-blue btn-h26">联系TA</div>
      </div>
      <img class="img art-img" src="@/assets/images/head.jpg">
      <div class="art-title">商品描述</div>
      <img class="img art-img" src="@/assets/images/head.jpg">
      <div class="mt20 clearfix">
        <div class="left color-blue">原文阅读</div>
        <div class="right">投诉</div>
      </div>
      <div class="art-box card mt20 p12">
        <div class="clearfix">
          <div class="left">
            <p class="name">小轩雅儿</p>
            <div class="box">
              <div class="btn btn-bg-blue btn-h26">打电话</div>
              <div class="btn btn-bg-green btn-h26">加微信</div>
            </div>
          </div>
          <img src="@/assets/images/head.jpg" class="right head">
        </div>
        <p class="desc">人的成长要接受四个方面的教育：父母、老师、书籍和社会。有趣的是，后者似乎总是与前面三种背道而驰。</p>
      </div>
      <div class="edit-icon"><img src="@/assets/images/icon-edit.png"></div>
    </div>
  </div>
</template>

<script>
import Headers from '@/components/Headers'

export default {
  name: 'OthersArticle',
  data () {
    return {
      headers: {
        left: require('@/assets/images/icon-close.png')
      }
    }
  },
  components: {
    Headers
  }
}
</script>
